// 引入公共样式
require("../../assets/css/communal.less");

// 引入字体图标
require("../../assets/fonts/fitness-fonts/iconfont.css");

const axios = require("../../util/axios.js");
// 引入工具js
const dom = require("../../util/dom.js");

// 引入当前页样式
require("./sports_details.less");
window.addEventListener("DOMContentLoaded", function () {
	//1. 获取地址栏传递的参数id
	let id = location.search.split("=").pop();
	// 点击返回页回到上一页
	dom.$("#back").addEventListener("click", function () {
		history.back();
	});

	axios.get("/api/train/courseDetail?id=" + id).then((res) => {
		console.log(res);

		//将视频数据存储到localStorage中
		let data = res.data.data.fragments;
		localStorage.setItem("fragments", JSON.stringify(data));

		// 渲染图片路劲
		dom.$("#pictrue").src = axios.defaults.baseURL + res.data.data.imgurl;

		// 渲染标题
		dom.$("#titleheader").textContent = res.data.data.name;

		// 渲染卡路里
		dom.$("#titlekilocalories").textContent = res.data.data.calorie;
		// 渲染运动时间
		dom.$("#titletime").textContent = res.data.data.time;
		// 渲染人数
		dom.$("#titlenum").textContent = res.data.data.peoplenum;
		// 渲染标题内容
		dom.$("#desc").textContent = res.data.data.desc;

		// 渲染练习次数
		dom.$("#exercisenum").textContent = res.data.data.frequency;

		//   渲染器材
		dom.$("#equipment").textContent = res.data.data.instrument;
	});
});
